跳到主要内容

CSS 长度

阐述

一个数值加上一个绝对或相对单位。

  • 绝对单位:cm, mm, Q = mm/4, in, pc = in/6, pt = in/72, px = in/96
    • px:设备要根据它的像素密度和预计观看距离来决定将一个 CSS 像素对应到几个物理像素,以使一个 CSS 像素的大小接近于参考像素(在 28 in 的距离上观看一个 1/96 in 的像素时的视角)
  • 相对单位:em, rem, ex, ch 还有一堆乱七八糟的
    • em:父元素的字号(对于字体属性),或本元素的字号(针对其他属性)
    • rem:根元素的字号

一般来说,字号应该用 rem,但是边距应该用 px

对于长度来说,可以用 min, max, clamp 来限制它的最小值和/或最大值。

实例

性质

相关内容

参考文献